body{ color: #333;}
.contaninter{ width: 1200px; margin: 0 auto; clear: both;}
a:hover{ color: #f42f2f !important;}

.pull-left{ float: left; }
.pull-right{ float: right; }

.red{ color: #f42f2f !important; }
.green{ color: #5dc540 !important; }
.purple{ color: #7300ab !important; }
.layui-bg-red{ background-color: #f42f2f !important; }
.layui-btn-red{ background-color: #f42f2f; }
.layui-btn-red:hover{ color:#fff !important; }
.layui-btn-primary:hover{ border-color: #f42f2f;}
.elip-two{ overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.f-icon{ background: url("../../static/img/icon.png") no-repeat; display: inline-block;}
.bottom-fixed{ position: fixed; bottom: 0;width: 100%;z-index: 99999;}
/* 导航*/
.wrap-nav{border-bottom: 2px solid #6f00af;position: relative;z-index: 9;}
.wrap-nav .contaninter{ position: relative;}
.wrap-nav .h-list ul{ padding-left: 190px; }
.wrap-nav .h-list li{ height: 39px; line-height: 39px; float: left;}
.wrap-nav .h-list li a{ padding: 0 28px 0 28px; font-size: 15px; font-weight: bold;}
.wrap-nav .h-list li a:hover{ color: #7300ab;}
.wrap-nav .h-list li .icon-hot{ background-position: 0 -240px; width: 29px; height: 17px; position: absolute; top: -10px; left: 324px;}
.wrap-nav .nav{ position: absolute; top: 0; left: 0; width: 190px;}
.wrap-nav .nav .classify{ background-color: #6f00af; color: #fff; cursor: pointer; display: flex; align-items: center; font-size: 16px; padding: 0 10px; height: 39px; line-height: 39px;}
.wrap-nav .nav .classify i{ font-size: 18px; padding-right: 5px;}
// .wrap-nav .nav .classify:hover ul{display: block!important;}

.layui-hide {
    display: none;
}
.wrap-nav .nav:hover .layui-hide {
		display:block;
	}



.wrap-nav .nav .classify i.f-icon-list{ background-position: 10px -324px; background-size: 150%; width: 30px; height: 38px;}
.wrap-nav .s-list{ background-color: rgba(111, 0, 175, 0.8); box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.3); height: 450px;}
.wrap-nav .s-list li.s-item{ border-top: 1px #b253c3 solid; padding: 10.7px 9px; }
.wrap-nav .s-list li.s-item:hover{ background-color: #fff; }
.wrap-nav .s-list li.s-item:hover p, .wrap-nav .s-list li.s-item:hover p a{ color: #666; }
.wrap-nav .s-list li.s-item:hover h2{ color: #333; }
.wrap-nav .s-list h2{ font-size: 16px; color: #fff; display: flex; align-items: center; justify-content: space-between;}
.wrap-nav .s-list h2 .layui-icon{ font-size: 14px; }
.wrap-nav .s-list p{ line-height: 20px; margin-top: 5px; color: #fff;}
.wrap-nav .s-list p a{ font-size: 13px; color: #ebc9ff; padding-right: 5px;}

.wrap-nav .s-list li.s-item:hover .model-nav{ display: block; }
.wrap-nav .s-list .model-nav{ background-color: #fff; display: none; width: 798px; height: 448px; /*box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);*/ border: 1px solid #ddd; position: absolute;top: 39px;z-index: -1;left: 190px;overflow: hidden;}
.wrap-nav .s-list .model-nav .model-main{ width: 530px; padding: 0px 20px 500px 20px; border-right: 1px solid #ddd; float: left;}
.wrap-nav .s-list .model-nav .model-main .model-top{ font-size: 16px; border-bottom: #e5e5e5 1px solid;}
.wrap-nav .s-list .model-nav .model-main dl{ padding: 10px 7px; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
.wrap-nav .s-list .model-nav .model-main dl dt{ width: 90px; font-size: 12px; color: #333; line-height: 22px; font-weight: 700; float: left;}
.wrap-nav .s-list .model-nav .model-main dl dd{ line-height: 22px;overflow: hidden;}
.wrap-nav .s-list .model-nav .model-main dl dd a{ color: #666;font-size: 12px;margin: 0 5px 0 5px;float: left;display: inline;white-space: nowrap;width: 75px;}

.wrap-nav .s-list .model-nav .model-side{ width: 217px;padding-top: 5px;padding-left: 10px;float: left;}
.wrap-nav .s-list .model-nav .model-side .model-top{ height: 30px;line-height: 30px;padding-left: 4px;color: #333333;}
.wrap-nav .s-list .model-nav .model-side .model-brand{ display: inline-block; margin: 5px 0 10px 4px;}
.wrap-nav .s-list .model-nav .model-side .model-brand li{ border: 1px solid #eee;margin: -1px 0 0 -1px; padding: 0;float: left;}

/* 登录*/
.align-left{ text-align: left !important; }
.align-right{ text-align: right !important; }
/* 个人中心*/
.user-wrap{ margin-top: 20px;}
.user-wrap .user-side{ border: 1px solid #eaeaea; width: 190px; float: left;}
.user-wrap .user-side dl dt{ background-color: #f4f4f4; border-bottom: 1px solid #ddd; color: #191e1f; font-weight: bold; padding: 10px; line-height: 20px; font-size: 15px;}
.user-wrap .user-side dl dd{ border-bottom: 1px solid #f2f2f2; height: 28px; line-height: 28px; font-size: 14px; padding: 5px 25px;}

.user-wrap .user-main{ width: 980px; min-height: 600px; float: right;}
.user-wrap .user-main h1.title{border-bottom: 1px solid #ddd;color: #191e1f;font-weight: bold; padding: 0 10px 10px;margin: 10px 0 20px;line-height: 20px;font-size: 18px;}

/* 猜你喜欢*/
.goods-like{ margin-top: 50px;}
.goods-like .title{ border-bottom: 1px solid #eaeaea; font-size: 18px; line-height: 34px; padding-bottom: 10px; margin-bottom: 10px;}
.goods-like .title .targ{ color: #bbb; font-size: 14px; padding-left: 20px;}
.goods-like ul li{ width: 19%; }

/* 暂无订单*/
.prompt{ color: #939393; margin-top:30px; text-align:center;}
.prompt img{ width:64px; height:64px;}
.prompt .t1{ font-size:16px; font-weight:bold; color:#111; margin:2px 0;}
.prompt .t2{ font-size:12px; margin:2px 0;}

/* 我的订单*/
.user-order{ position: relative;}
.user-order .order-refer{ position: absolute; top: 5px; right: 0;}
.user-order .order-refer input{ display: inline-block; float: left; width: 200px; height: 30px; }
.user-order .order-refer a{ display: inline-block; float: left; border: 1px solid #e6e6e6; height: 28px; line-height: 28px; padding: 0 10px; margin-left: -1px;}

.user-order .layui-tab-title li{ font-size: 18px; font-weight: bold; padding: 0;}
.user-order .layui-tab-title li a{ padding: 0 30px; }
.user-order .layui-tab-title li span{ padding-left: 5px; }
.user-order .layui-tab-brief .layui-tab-title .layui-this{ color: #f42f2f; }
.user-order .layui-tab-brief .layui-tab-more li.layui-this:after{border-color: #f42f2f;}
 .user-order .layui-tab-brief .layui-tab-title .layui-this:after{ border-color: #f42f2f; }

.user-order .layui-table th, .user-order .layui-table td{ text-align: center; }
.user-order .layui-table tr:hover, .user-order .layui-table tr:hover{ background: transparent;}
.user-order .layui-table th{ font-size: 12px; padding: 5px 10px;}
.user-order .layui-table td.td-images{ border-right: 0 none; padding: 9px 0 9px 15px; width: 80px;}
.user-order .layui-table td.td-images img{ width: 80px; height: 80px; }
.user-order .layui-table td.td-title{ border-left: 0 none; width: 200px;}
.user-order .layui-table td.td-title a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.user-order .layui-table td.td-title p{ padding-top: 5px; }
.user-order .layui-table td.td-title p span{ border-color: #f65858; color: #f65858; height: 20px; line-height: 20px; padding: 0 8px;}
.user-order .layui-table td .price-old{ color: #999;}
.user-order .layui-table td .num{ color: #333; }
.user-order .layui-table td.time{ background-color: #f5f5f5; border-bottom: 0 none; border-right: 0 none;}
.user-order .layui-table td.del{ background-color: #f5f5f5; border-left: 0 none;}
.user-order .layui-table td .again-buy{ margin-top:5px; }

/* 步骤*/
